<template>
  <div class="main" span="24">
    <div class="van-image">
      <img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style=" width:100%">
    </div>
     <p class="title">&nbsp;个人信息</p>
    <div class="info-box">
     
      <ul class="info-ul">
        
      <li class="line">
        <label span="8">用户名：</label><span >chianunicom</span></li>
      <li class="line"><label>绑定手机:</label><span>18510000000</span></li>
       <li  class="line"><label>绑定邮箱:</label><span>chinaum@chinaunicom</span></li>
      </ul>
    </div>
     <p class="title" style="width:6.5em">&nbsp;企业认证信息</p>
      <div class="info-box">
      <ul class="info-ul">
         
      <li class="line">企业名称<span>有限公司北京市分公司</span></li>
       <li class="line">企业认证状态<span>已认证</span></li>
        <li class="line">企业证件类型<span>营业执照</span></li>
      </ul>
    </div>

  <i-button bind:click="handleClick" type="success" shape="circle" >退出登录</i-button>
     
          
    
  </div> 
</template>

<script>
import card from '@/components/card'
import 'mpvue-weui/src/style/weui.css';
import mpSearchbar from 'mpvue-weui/src/searchbar'
export default {
  data () {
    return {
      motto: 'Hello miniprograme',
      userInfo: {
        nickName: 'mpvue',
        avatarUrl: 'http://mpvue.com/assets/logo.png'
      },
      imageArray:[
        {"index":1,"url":"http://mpvue.com/assets/logo.png","name":"引导认证"},
        {"index":2,"url":"http://mpvue.com/assets/logo.png","name":"引导认证"},
        {"index":3,"url":"http://mpvue.com/assets/logo.png","name":"引导认证"}
      ]
    }
  },

  components: {
    card,
    mpSearchbar
  },

  methods: {
    handleclick(){
      console.log(111)
    },
    bindViewTap () {
      const url = '../logs/main'
      if (mpvuePlatform === 'wx') {
        mpvue.switchTab({ url })
      } else {
        mpvue.navigateTo({ url })
      }
    },
    clickHandle (ev) {
      console.log('clickHandle:', ev)
      // throw {message: 'custom test'}
    }
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style lang="scss" scoped>
  .main{
    font-size: 20px;
    p{
      font-size: 30px;
    }
  }
  .info-box{
    border:1px solid #000;
    border-radius: 8px;
    margin:10px 10px 30px 10px ;
    padding:10px;
  }
  .line{
    line-height:3em;

  }
  .title{
    position:relative;
    top:1.2em;
    left:1em;
    font-size:20px !important;;
    width:4.5em;
    background-color:#fff;
  }
</style>
